<template>
  <section class="bg-gray-fa lg:pt-20 lg:pb-14 py-9 text-center">
    <div class="lg:text-3xl text-xl font-bold">
      <span class="lg:inline hidden">招生运营 · </span>
      基于微信生态的内容营销
    </div>
    <div
      class="
        text-gray-66
        mx-[20px]
        lg:mt-4
        mt-2
        lg:text-base
        leading-6
        lg:leading-7
      "
    >
      <span class="lg:block">
        利用智慧幼儿园中内置的营销工具，帮助幼儿园整合线上线下宣传方式。
      </span>
      北京某幼儿园，7-8月份通过内容营销，最后获得有效线索近300条，完成招生220余名。
    </div>
    <ul
      class="
        lg:mt-14
        mt-5
        mx-3
        lg:mx-0
        flex
        text-base
        justify-center
        items-center
        lg:space-x-[46px]
      "
    >
      <this-card>
        <template #title>内容制作</template>
        <template #content>
          <div>电子海报</div>
          <div>动态表单</div>
          <div>图文介绍链接</div>
          <div>直播话术</div>
          <div>短视频</div>
        </template>
      </this-card>
      <li>
        <img
          src="@/assets/img/arrow.png"
          class="lg:w-7 lg:h-7 lg:mx-0 mx-1 w-[18px] h-[18px]"
        />
      </li>

      <this-card>
        <template #title>宣传曝光</template>
        <template #content>
          <div
            class="
              mt-2
              bg-gray-cc/20
              lg:w-32
              w-20
              py-2
              text-gray-33
              rounded
              mx-auto
            "
          >
            内容渠道
          </div>
          <div class="">抖音</div>
          <div>快手</div>
          <div>小红书</div>
          <div class="mb-2">美团</div>

          <div
            class="bg-gray-cc/20 lg:w-32 w-20 py-2 text-gray-33 rounded mx-auto"
          >
            内容渠道
          </div>
          <div class="">抖音</div>
          <div>快手</div>
          <div>小红书</div>
          <div class="mb-2">美团</div>
        </template>
      </this-card>

      <li>
        <img
          src="@/assets/img/arrow.png"
          class="lg:w-7 lg:h-7 lg:mx-0 mx-1 w-[18px] h-[18px]"
        />
      </li>

      <this-card>
        <template #title>引流工具</template>
        <template #content>
          <div>专属获客码</div>
          <div>渠道活码</div>
          <div>社群管理</div>
          <div>短信</div>
          <div>外呼</div>
        </template>
      </this-card>
    </ul>
    <info-btn class="lg:flex hidden" @click.native="$store.commit('SQ')"
      >免费获取方案</info-btn
    >
  </section>
</template>

<script>
import thisCard from "./s4-card.vue";
export default {
  components: { thisCard },
};
</script>
